<style>
	/* 设置榜单模块的高度，并添加滚动条 */
	.list-group{
		max-height:300px; /* 你可以根据需要调整这个值 */
		overflow-y:auto; /* 添加垂直滚动条 */
	}
</style>
<div class="container">
	<h1 class="text-center">今日热榜</h1>
	<div class="row">
		<{foreach item=info key=index from=$list}>
		<div class="col-md-6">
			<div class="card">
				<div class="card-header">
					<h5><{$info.title}><{if !empty($info.subtitle)}>-<{$info.subtitle}><{/if}></h5>
				</div>
				<ul class="list-group list-group-flush">
					<{foreach item=line key=index from=$info.data}>
					<li class="list-group-item">
						<a href="<{$line.link}>" target="_blank">
							<div class="d-flex w-100 justify-content-between align-items-center">
								<strong><{$line.index}>. <{$line.title}></strong>
								<span class="badge badge-primary"><{$line.hot}></span>
							</div>
						</a>
					</li>
					<{/foreach}>
				</ul>
			</div>
		</div>
		<{/foreach}>
	</div>
</div>